<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Title</title>
    <script type="application/javascript">
        function fun1(){
           alert(1);
        }
    </script>
</head>
<body>
<form action="../02a/miaodian.html">
    <p>姓名：<input type="text" id="name"></p>
    <p>密码：<input type="password" name="password"></p>
    <!-- type="radio"男和女name必须一致-->
    <p>性别：<input type="radio" name="sex" value="1" checked> 男<input type="radio" name="sex" value="2"> 女</p>
    <p>上传个人头像：<input type="file"></p>
    <p>
    城市:
    <select ondblclick="alert('双击')">
        <option value="0755">深圳</option>
        <option value="0715" selected>广州</option>
    </select>
    区
    <select>
        <option value="751">福田区</option>
        <option value="713" selected>南山区</option>
        <option value="712">天河区</option>
        <option value="713">越秀区</option>
    </select>
    </p>
    <p>
    兴趣爱好：
    <input type="checkbox" name="favorite" value="footbll" checked="true" onchange="alert(this.value)"> 足球
    <input type="checkbox" name="favorite" value="basketball" checked>篮球
    <input type="checkbox" name="favorite" value="readbook">看书<br/>
    </p>
    <p>
        <label>我的简介</label><textarea rows="8" cols="80">我在这里</textarea>
    </p>
    <p>
    <!--隐藏元素-->
    <input type="hidden" name="type" value="userInfo">
    <h1 style="background-color: aquamarine">h1</h1>
    <h1>h2</h1>
    <h3>h3</h3>
    <h4>h4</h4>
    <h5>h5</h5>
    <h6>h6</h6>
    <p>
    <a href="http://www.baidu.com" target="_blank">百度连接</a>
    <a href="http://www.baidu.com" target="_self">百度连接</a>
    </p>
    <img src="https://himg.bdimg.com/sys/portrait/item/b22a30e4b98be6b3aa1993" alt="百度图片">
    <p>
    <label>this is a lable</label>
    </p>

    <input type="image" value="a" src="https://himg.bdimg.com/sys/portrait/item/b22a30e4b98be6b3aa1993">
    <input type="button" value="按钮" onclick="fun1()"  >
    <input type="submit" value="提交">
    <input type="reset" value="重置">
    </p>
</form>
</body>
</html>